<ion-header>
    <ion-toolbar color="light">
        <ion-buttons start >
            <button ion-button icon-only navPop>
                <ion-icon name="arrow-back" ></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>{{ 'review.Review' | translate }}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="review-cell" *ngFor="let item of list">
        <div class="review-title">
            <p class="name">{{item.firstname}}
                <span class="stars">
                    <i class="iconfont" [class.icon-star]="item.star>=1" [class.icon-star1]="item.star<1" ></i>
                    <i class="iconfont" [class.icon-star]="item.star>=2" [class.icon-star1]="item.star<2"></i>
                    <i class="iconfont" [class.icon-star]="item.star>=3" [class.icon-star1]="item.star<3"></i>
                    <i class="iconfont" [class.icon-star]="item.star>=4" [class.icon-star1]="item.star<4"></i>
                    <i class="iconfont" [class.icon-star]="item.star>=5" [class.icon-star1]="item.star<5"></i>
                </span> 
            </p>
            <span class="time">{{item.addtime}}</span>
        </div>
        <div class="review-content">
                {{item.content}}
        </div>
    </div>
</ion-content>